import classNames from 'classnames';
import React from 'react';

export interface FooterProps {
    height?: string
    children?: React.ReactNode
    className?: string
    style?: React.CSSProperties
}

const Footer: React.FC<FooterProps> = (props) => {
    let { children, height, style, className } = props;

    const classes = classNames(className, "yulang-footer-container")

    const styles = { ...{ "--yulang-footer-height--": height }, ...style }

    return (
        <div
            className={classes}
            style={styles}
        >
            {children}
        </div>
    );
};


Footer.defaultProps = {
    height: "60px",
};

Footer.displayName = 'Footer'

export default Footer;
